<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>列表布局实例</title>
        <style>
          
            ul{font-size:40px;}
          #out{
            list-style-type:decimal;
          }
          #book{
            list-style-type: upper-roman;
          }
          #movie{
            list-style-type: none;
            list-style-image: url(jt.png);
          }
          #music{
            list-style-type: upper-alpha;
          }
        </style>
    </head>
    <body>
        <ul id="out">
            <li>漫画</li>
            <li>小说
                <ul id="book">
                    <li>家</li>
                    <li>红岩</li>
                    <li>狂人日记</li>
                </ul>
            </li>
            <li>电影
                <ul id="movie">
                    <li>建国大业</li>
                    <li>建军大业</li>
                    <li>建党伟业</li>
                </ul>
            </li>
            <li>音乐
                <ul id="music">
                    <li>天路</li>
                    <li>北京欢迎你</li>
                    <li>青花瓷</li>
                </ul>
            </li>
            <li>其他</li>
        </ul>
    </body>
</html>